/*base*/

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin: 0;padding: 0}

html {font-size: 62.5%;width: 100%;height: 100%;}

body {font-size: 1.4rem;width: 100%;height: 100%;-webkit-font-smoothing: antialiased;}

html, body {font-family:'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;}

img{display: block;}

ol,ul {list-style: none}

a {text-decoration: none}

a:hover {text-decoration: underline}

*{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/*style*/

.wrap{width: 100%;height: 100%;}

.enter_wrap{width: 100%;height: 100%;background: url(../images/enter_bg.jpg) no-repeat;background-size: 100% 100%;}

.enter_wrap .wrap_top{width: 100%;position: absolute;top:10%;}

.enter_wrap .wrap_top .top_img{width: 100%;margin: 0 auto;}

.enter_wrap .wrap_center{width: 100%;position: absolute;bottom:22%;}

.enter_wrap .wrap_center .enter_btn{width:78%;margin:0 auto;color: #FFF;text-align: center;font-size: 1.8rem; line-height: 44px;background: url(../images/enter_btn_bg.jpg) repeat-x; background-size: 1px 44px; border:1px #282940 solid;}

.res{ background: url(../images/right.png); width:96px; height:74px;}

.enter_wrap .wrap_bottom{width: 100%;position: absolute;bottom: 4%;}

.enter_wrap .wrap_bottom .bottom_img{width: 60%;margin:0 auto;}

.topic_wrap{display:none;width: 100%;height: 100%;background: url(../images/topic_bg.jpg) no-repeat;background-size: 100% 100%;}

.topic_wrap .fade_wrap{width: 100%;height: 100%;}

.topic_wrap .wrap_top{width: 100%;position: absolute;top:8%;}

.topic_wrap .wrap_top .topic_no{height: 40px;width: 40px; line-height: 40px; text-align: center;color: #FFF;font-size: 1.2rem; border-radius: 20px;background: url(../images/topic_no.png) repeat-x;background-size: 1px 42px; margin:0 auto;}

.topic_wrap .wrap_top .topic_no .curr_no{font-size: 1.6rem;}

.topic_wrap .wrap_top1{width: 100%;position: absolute;top:20%;}

.topic_wrap .wrap_top1 .topic_title{width: 80%;margin:0 auto;text-align: center;font-size: 1.6rem;color: #FFF;}

.topic_wrap .wrap_center{width: 100%;position: absolute;top:34%;}

.topic_wrap .wrap_center .topic_option{width: 80%;margin:0 auto; text-align: center;display:table;}

.topic_wrap .wrap_center .topic_option .option_item{width: 100%;height:54px;vertical-align: middle;border-radius: 6px; margin-bottom: 10px; background: url(../images/topic_btn.png) repeat-x;background-size: 1px 54px; font-size: 1.3rem;color: #868686;border:1px #282940 solid;padding:0 10px;}

.topic_wrap .wrap_center .topic_option .select{background: url(../images/topic_sele_btn.png) repeat-x;color: #EEE;}

.topic_wrap .wrap_bottom{width: 100%;position: absolute;bottom: 4%;}

.topic_wrap .wrap_bottom .lagou_logo{width: 32%;margin:0 auto;}

.over_wrap{display:none;width: 100%;height: 100%;background: url(../images/topic_bg.jpg) no-repeat;background-size: 100% 100%;}

.over_wrap .wrap_top{width: 100%; height: 18%; position: absolute;top:6%;}

.over_wrap .wrap_top .over_grade{width:50%;height: 100%; margin:0 auto;text-align:center; color: #FFF;font-size: 1.8rem;}

.over_wrap .wrap_top .over_grade .grade_title{display: block;height: 24%;}

.over_wrap .wrap_top .over_grade .grade{display: table;color: #E53046;height: 76%;width: 100%;margin:0 auto; text-align: center;}

.over_wrap .wrap_top .over_grade .grade .grade_detail_wrap{display: table-cell;vertical-align: middle;}

.over_wrap .wrap_top .over_grade .grade .grade_detail{font-size: 3.0rem;font-weight: normal;}

.over_wrap .wrap_center{width: 100%;position: absolute;top:24%;}

.over_wrap .wrap_center .over_des{width: 68%;margin:0 auto; background: #F8F8F8;padding:6%;}

.over_wrap .wrap_center .over_des .des_title{font-size: 1.0rem; color: #A6A6A6;}

.over_wrap .wrap_center .over_des .des_content{}

.over_wrap .wrap_center .over_des .des_content .des_keyword{ line-height: 4.0rem; color: #da2f45;font-size: 2.0rem;text-align: center;}

.over_wrap .wrap_center .over_des .des_content .des_detail{color: #535353; font-size: 1.2rem;}

.over_wrap .wrap_center .over_btn{width: 80%;margin:0 auto; margin-top: 10px;overflow: hidden;}

.over_wrap .wrap_center .over_btn .over_btn_detail{color: #FFF;text-align: center;font-size: 1.5rem; line-height: 44px;background: url(../images/enter_btn_bg.jpg) repeat-x; background-size: 1px 44px; border:1px #282940 solid;}

.over_wrap .wrap_center .over_btn .over_share{float: left;width:36%;}

.over_wrap .wrap_center .over_btn .back{float: right;width: 60%;}

.over_wrap .wrap_center .over_btn .back a{color: #FFF;text-decoration: none;}

.over_wrap .wrap_bottom{width: 100%;position: absolute;bottom: 4%;}

.over_wrap .wrap_bottom .lagou_logo{width: 32%;margin:0 auto;}

.share_wrap{display:none;position: absolute;top:0;left:0;width: 100%;height: 100%;background: #000; opacity: 0.9;}

.share_text{position: absolute;width: 74%;top:3%;right: 5%;}

.share_text .share_img{width:100%;}

.choose_wrap {display: none;}

.option_item i {
	position: absolute;
	left: 50%;
	/*top: 50%;*/
	z-index: 20;
	width: 96px;
	height: 74px;
	margin: -18px 0 0 -24px
}

.right-btn i {
	background: url(../images/right.png) no-repeat;-webkit-animation: error_btn .5s ease-in;
	-webkit-background-size: 48px 37px
}

.error-btn i {
	background: url(../images/wrong.png) no-repeat;-webkit-animation: error_btn .5s ease-in;
	-webkit-background-size: 48px 37px
}

@-webkit-keyframes error_btn {
	0% {
	}

	100% {
		-webkit-transform: scale(2,2);
		opacity: .2
	}
}


.btn {
    color: white;
    background-image: url("../images/btn.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    padding: 10px 40px;
    margin: 0;
    display: inline-block;
    appearance: none;
    cursor: pointer;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    /*3d button*/
.btn-3d {
    color: white;
    position: relative;
    top: 0;
    /*-webkit-box-shadow: 0 1px 0 #dac00a, 0 1px 1px rgba(0, 0, 0, 0.2);*/
    /*box-shadow: 0 1px 0 #dac00a, 0 1px 1px rgba(0, 0, 0, 0.2);*/
}
.btn-3d:hover, .btn-3d:focus {
    /*background-color: #ffec1c;*/
    /*border-color: #ffec1c;*/
    color: white;
    /*-webkit-box-shadow: 0 7px 0 #dac00a, 0 5px 3px rgba(0, 0, 0, 0.2);*/
    /*box-shadow: 0 5px 0 #dac00a, 0 5px 3px rgba(0, 0, 0, 0.2); */
}
.btn-3d:active, .btn-3d.active, .btn-3d.is-active {
    background-color: #ffec1c;
    border-color: #ffec1c;
    color: #489cec;
    top: 5px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    /*-webkit-box-shadow: 0 2px 0 #dac00a, 0 3px 3px rgba(0, 0, 0, 0.2);*/
    /*box-shadow: 0 2px 0 #dac00a, 0 3px 3px rgba(0, 0, 0, 0.2);*/
}

.selectPage,.guize  {position: fixed; z-index: 99; width: 100%; height: 100%; top: 0; left: 0; background-color: #1acdf5;}

.selectPage .btn {font-size: 1.5rem; display: block; margin:5% auto; width: 55%;}

.vetically{
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -webkit-box-orient:vertical;
    justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -webkit-align-items:center;
    flex-direction:column;
    -webkit-flex-direction:column;
}
